<template>
	<view>
		<wd-overlay :show="showSuccessPopup">
		  <view class="wrapper">
		    <view class="block">
				<view class="closeicon"><wd-icon name="close" size="22px" @click="closepopup"></wd-icon></view>
				<view class="status"> 
					<image class="statusimg" src="http://img.jowong.com/aba/2025-03-28/success_1743140692419.png" mode=""></image>
					<view class="stutastext">提交成功</view>
				</view>
				<view class="tips">温馨提示</view>
				<view class="contect">我们会在第一时间电话联系您，请注意接听！</view>
			</view>
		  </view>
		</wd-overlay>
	</view>
</template>

<script lang="ts" setup>
	import {ref} from "vue";
	const props = defineProps({
	  showSuccessPopup:  {
			type: Boolean,
			default: false //默认不显示
		},
	}); 
	const emit = defineEmits(['close']); 
    // 隐藏弹出层
    const closepopup = () => {
      emit('close'); 
    };
	
</script>

<style>
.wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.block {
  border-radius: 10rpx;
  width: 80%;
  height: 440rpx;
  background-color: #fff;
  text-align: center;
}
.closeicon{
	/* border: 1rpx solid; */
	width: 90%;
	padding: 5%;
	text-align: right;
}
.status{
	gap: 20rpx;
  display: flex;
  align-items: center; 
  justify-content: center;
}
.statusimg{
	width: 75rpx;
	height: 75rpx;
}
.stutastext{
	font-family: PingFang SC;
	font-weight: 800;
	font-size: 42rpx;
	color: #2B2B24;
}
.tips{
	margin-top: 40rpx;
	font-family: PingFang SC;
	font-weight: bold;
	font-size: 29rpx;
	color: #1B9C61;
}
.contect{
	font-family: PingFang SC;
	/* font-weight: bold; */
	font-size: 24rpx;
	color: #1B9C61;
}
</style>
